<template>
  <view class="header-input">
    <view @click="goSearchPage"><van-icon name="search"/><text>搜索</text></view>
  </view>
</template>

<script>
  export default {
    name:"Search",
    data() {
      return {
        
      };
    },
    methods:{
      goSearchPage(){
        wx.navigateTo({url:"/pages/searchPage/searchPage"})
      }
    }
  }
</script>

<style scoped lang="scss">
  // 搜索框
  .header-input{
    background-color: #c00;
    padding: 28rpx 25rpx 20rpx;
    >view{
      width: 100%;
      height: 50rpx;
      line-height: 50rpx;
      background-color: #fff;
      border-radius: 30rpx;
      display: flex;
      justify-content: center;
      font-size: 23rpx;
    }
  }
</style>